.resizer[data-direction='horizontal'] {
    display: flex;
    align-items: center;
    cursor: ew-resize;
    height: 100%;
    width: 2px;
}
.resizer[data-direction='horizontal']:after {
    content: " ";
    background-color:var(--border-color);
    width: 2px;
    height: 100%;
    flex-shrink: 1;
}
.resizer[data-direction='vertical']:after {
    content: " ";
    background-color:var(--border-color);
    height: 2px;
    width: 100%;
    flex-shrink: 1;
}
.resizer[data-direction='vertical'] {
    display: flex;
    align-items: center;
    cursor: ns-resize;
    height: 10px;
    width: 100%;
}